<!-- 首页 -->
<template>
	<view class="page-index-index">
		<u-navbar :is-back="false" title="首页"></u-navbar>
		<qq-navbar title="首页"></qq-navbar>
		<view class="u-flex u-p-30">
			<view @click="showConfirm=true" class="u-flex-1 btn round bg-brown text-white">qq-confirm</view>
		</view>
		<qq-confirm :show="showConfirm" content="内容1" @confirm="confirm">
			<view class="slot">自定义内容</view>
		</qq-confirm>
		<qq-tabbar :active="0"></qq-tabbar>
	</view>
</template>

<script>
export default {
	data() {
		return { 
			showConfirm:false,
			options:{}
		}
	}, 
	onLoad(options) {
		this.options=options;
	},
	onShareAppMessage(res){
		return {
			title: '',
			path:"/pages/index/index"
		}
	},
	onShow(){},
	onReachBottom(){},
	methods: {
		confirm(res){
			this.showConfirm=false;
			if(res.confirm){
				//do somethings
			}
		}
	}
}
</script>

<style lang="scss">
	.page-index-index{ 
		text-align: left;
		.btn-main{
			width:40vw ;
			margin:30upx 5vw;
		}
	}
</style>
